<template>
    <div style="width: 95%;">
        <a-typography-title :level="4"> 页面编辑 </a-typography-title>
        <a-row :gutter="6" style="">
            <a-col>
                <div class="mycard" @click="switchMenu('merge', '')">
                    <div style="margin-top: 10px;">
                        <svg t="1689734771329" class="icon" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="5149" width="50" height="50">
                            <path
                                d="M482.2 508.4L331.3 389c-3-2.4-7.3-0.2-7.3 3.6V478H184V184h204v128c0 2.2 1.8 4 4 4h60c2.2 0 4-1.8 4-4V144c0-15.5-12.5-28-28-28H144c-15.5 0-28 12.5-28 28v736c0 15.5 12.5 28 28 28h284c15.5 0 28-12.5 28-28V712c0-2.2-1.8-4-4-4h-60c-2.2 0-4 1.8-4 4v128H184V546h140v85.4c0 3.8 4.4 6 7.3 3.6l150.9-119.4c2.4-1.8 2.4-5.4 0-7.2zM880 116H596c-15.5 0-28 12.5-28 28v168c0 2.2 1.8 4 4 4h60c2.2 0 4-1.8 4-4V184h204v294H700v-85.4c0-3.8-4.3-6-7.3-3.6l-151 119.4c-2.3 1.8-2.3 5.3 0 7.1l151 119.5c2.9 2.3 7.3 0.2 7.3-3.6V546h140v294H636V712c0-2.2-1.8-4-4-4h-60c-2.2 0-4 1.8-4 4v168c0 15.5 12.5 28 28 28h284c15.5 0 28-12.5 28-28V144c0-15.5-12.5-28-28-28z"
                                p-id="5150" fill="#1296db"></path>
                        </svg>
                    </div>
                    <p><b style="font-size: medium;">PDF合并</b></p>
                </div>
            </a-col>
            <a-col>
                <div class="mycard" @click="switchMenu('split', '')">
                    <div style="margin-top: 10px;">
                        <svg t="1689734863941" class="icon" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="8448" width="50" height="50">
                            <path
                                d="M938.2 508.4L787.3 389c-3-2.4-7.3-0.2-7.3 3.6V478H636V184h204v128c0 2.2 1.8 4 4 4h60c2.2 0 4-1.8 4-4V144c0-15.5-12.5-28-28-28H596c-15.5 0-28 12.5-28 28v736c0 15.5 12.5 28 28 28h284c15.5 0 28-12.5 28-28V712c0-2.2-1.8-4-4-4h-60c-2.2 0-4 1.8-4 4v128H636V546h144v85.4c0 3.8 4.4 6 7.3 3.6l150.9-119.4c2.4-1.8 2.4-5.4 0-7.2zM428 116H144c-15.5 0-28 12.5-28 28v168c0 2.2 1.8 4 4 4h60c2.2 0 4-1.8 4-4V184h204v294H244v-85.4c0-3.8-4.3-6-7.3-3.6l-151 119.4c-2.3 1.8-2.3 5.3 0 7.1l151 119.5c2.9 2.3 7.3 0.2 7.3-3.6V546h144v294H184V712c0-2.2-1.8-4-4-4h-60c-2.2 0-4 1.8-4 4v168c0 15.5 12.5 28 28 28h284c15.5 0 28-12.5 28-28V144c0-15.5-12.5-28-28-28z"
                                p-id="8449" fill="#1296db"></path>
                        </svg>
                    </div>
                    <p><b style="font-size: medium;">PDF拆分</b></p>
                </div>
            </a-col>
            <a-col>
                <div class="mycard" @click="switchMenu('insert', 'insert')">
                    <div style="margin-top: 10px;">
                        <svg t="1689735440179" class="icon" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="10571" width="50" height="50">
                            <path
                                d="M85.333333 533.333333a21.333333 21.333333 0 0 0 21.333334 21.333334h503.166666l-134.253333 134.246666a21.333333 21.333333 0 0 0 30.173333 30.173334l170.666667-170.666667a21.333333 21.333333 0 0 0 0-30.173333l-170.666667-170.666667a21.333333 21.333333 0 0 0-30.173333 30.173333L609.833333 512H106.666667a21.333333 21.333333 0 0 0-21.333334 21.333333z m298.666667-394.666666v138.666666a21.333333 21.333333 0 0 0 42.666667 0V138.666667a10.666667 10.666667 0 0 1 10.666666-10.666667h448a10.666667 10.666667 0 0 1 10.666667 10.666667v789.333333a10.666667 10.666667 0 0 1-10.666667 10.666667H437.333333a10.666667 10.666667 0 0 1-10.666666-10.666667v-138.666667a21.333333 21.333333 0 0 0-42.666667 0v138.666667a53.393333 53.393333 0 0 0 53.333333 53.333333h448a53.393333 53.393333 0 0 0 53.333334-53.333333V138.666667a53.393333 53.393333 0 0 0-53.333334-53.333334H437.333333a53.393333 53.393333 0 0 0-53.333333 53.333334z"
                                fill="#1296db" p-id="10572"></path>
                        </svg>
                    </div>
                    <p><b style="font-size: medium;">PDF插入</b></p>
                </div>
            </a-col>
            <a-col>
                <div class="mycard" @click="switchMenu('insert', 'replace')">
                    <div style="margin-top: 10px;">
                        <svg t="1689735485791" class="icon" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="12121" width="50" height="50">
                            <path
                                d="M618.368 905.813333a88.32 88.32 0 0 1-87.082667-87.082666v-209.408a88.362667 88.362667 0 0 1 87.082667-87.082667h209.408a88.234667 88.234667 0 0 1 87.082667 87.082667v209.408a88.192 88.192 0 0 1-87.082667 87.082666z m-22.912-296.490666v209.408a24.448 24.448 0 0 0 22.912 22.997333h209.408a24.704 24.704 0 0 0 23.168-22.997333v-209.408a24.661333 24.661333 0 0 0-23.168-22.912h-209.408a24.448 24.448 0 0 0-23.04 22.912zM224.853333 826.666667a260.010667 260.010667 0 0 1-69.077333-169.514667h-33.237333l66.090666-110.250667 66.346667 110.250667H219.733333a196.266667 196.266667 0 0 0 51.2 125.354667 213.333333 213.333333 0 0 0 148.992 59.264 32.042667 32.042667 0 1 1 0 64 277.034667 277.034667 0 0 1-195.029333-79.274667z m-28.842666-324.821334a88.405333 88.405333 0 0 1-87.082667-87.082666v-209.066667a88.448 88.448 0 0 1 87.082667-87.338667h209.408a88.405333 88.405333 0 0 1 87.082666 87.338667v209.066667a86.144 86.144 0 0 1-87.082666 87.082666z m-23.168-296.32v209.066667a24.917333 24.917333 0 0 0 23.168 23.168h209.408a22.272 22.272 0 0 0 23.168-23.168v-209.066667a24.704 24.704 0 0 0-23.168-23.168H196.010667a24.704 24.704 0 0 0-23.082667 23.125334z m596.181333 165.077334h35.328a196.693333 196.693333 0 0 0-51.2-128.853334 213.333333 213.333333 0 0 0-149.333333-59.434666 32.085333 32.085333 0 0 1 0-64 277.333333 277.333333 0 0 1 195.157333 79.232 261.205333 261.205333 0 0 1 69.504 173.184h32.853333l-62.421333 110.250666z"
                                p-id="12122" fill="#1296db"></path>
                        </svg>
                    </div>
                    <p><b style="font-size: medium;">PDF替换</b></p>
                </div>
            </a-col>
            <a-col>
                <div class="mycard" @click="switchMenu('rotate', '')">
                    <div style="margin-top: 10px;">
                        <svg t="1689735516561" class="icon" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="13191" width="50" height="50">
                            <path
                                d="M385.28 314.730667a32 32 0 0 1 2.090667 42.965333l-2.069334 2.282667a32 32 0 0 1-42.986666 2.090666l-2.282667-2.090666-120.682667-120.661334a32 32 0 0 1-2.069333-42.986666l2.069333-2.282667L340.053333 73.386667a32 32 0 0 1 47.338667 42.986666l-2.069333 2.282667-66.069334 66.026667H778.666667a160 160 0 0 1 159.914666 154.837333l0.085334 5.184v480a32 32 0 0 1-63.850667 3.072L874.666667 824.682667v-480a96 96 0 0 0-91.477334-95.893334l-4.522666-0.106666-459.434667-0.021334 66.069333 66.069334z"
                                fill="#1296db" p-id="13192"></path>
                            <path
                                d="M661.333333 448a128 128 0 0 1 128 128v256a128 128 0 0 1-128 128H213.333333a128 128 0 0 1-128-128V576a128 128 0 0 1 128-128h448z m0 64H213.333333a64 64 0 0 0-63.893333 60.245333L149.333333 576v256a64 64 0 0 0 60.245334 63.893333L213.333333 896h448a64 64 0 0 0 63.893334-60.245333L725.333333 832V576a64 64 0 0 0-60.245333-63.893333L661.333333 512z"
                                fill="#1296db" p-id="13193"></path>
                        </svg>
                    </div>
                    <p><b style="font-size: medium;">PDF旋转</b></p>
                </div>
            </a-col>
            <a-col>
                <div class="mycard" @click="switchMenu('delete', '')">
                    <div style="margin-top: 10px;">
                        <svg t="1689735541390" class="icon" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="14347" width="50" height="50">
                            <path
                                d="M202.666667 256h-42.666667a32 32 0 0 1 0-64h704a32 32 0 0 1 0 64H266.666667v565.333333a53.333333 53.333333 0 0 0 53.333333 53.333334h384a53.333333 53.333333 0 0 0 53.333333-53.333334V352a32 32 0 0 1 64 0v469.333333c0 64.8-52.533333 117.333333-117.333333 117.333334H320c-64.8 0-117.333333-52.533333-117.333333-117.333334V256z m224-106.666667a32 32 0 0 1 0-64h170.666666a32 32 0 0 1 0 64H426.666667z m-32 288a32 32 0 0 1 64 0v256a32 32 0 0 1-64 0V437.333333z m170.666666 0a32 32 0 0 1 64 0v256a32 32 0 0 1-64 0V437.333333z"
                                fill="#1296db" p-id="14348"></path>
                        </svg>
                    </div>
                    <p><b style="font-size: medium;">PDF删除</b></p>
                </div>
            </a-col>
            <a-col>
                <div class="mycard" @click="switchMenu('reorder', '')">
                    <div style="margin-top: 10px;">
                        <svg t="1689735565228" class="icon" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="15458" width="50" height="50">
                            <path
                                d="M800.256 741.888l47.616-47.616a31.744 31.744 0 0 1 45.056 45.056l-102.4 102.4a31.744 31.744 0 0 1-54.272-22.528V204.8a32.256 32.256 0 0 1 64 0zM153.6 237.056a32.256 32.256 0 0 1 0-64h460.8a32.256 32.256 0 0 1 0 64z m0 307.2a32.256 32.256 0 0 1 0-64h460.8a32.256 32.256 0 0 1 0 64z m0 307.2a32.256 32.256 0 0 1 0-64h460.8a32.256 32.256 0 0 1 0 64z"
                                fill="#1296db" p-id="15459"></path>
                        </svg>
                    </div>
                    <p><b style="font-size: medium;">PDF重排</b></p>
                </div>
            </a-col>
            <a-col>
                <div class="mycard" @click="switchMenu('crop', '')">
                    <div style="margin-top: 10px;">
                        <svg t="1689735604418" class="icon" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="16579" width="50" height="50">
                            <path
                                d="M931.337874 847.456145l-27.954801 0-55.912672 0 0 55.910381 0 0 0 27.953655c0 15.451924-12.503267 27.954679-27.954801 27.954679s-27.955824-12.503778-27.955824-27.954679l0-27.953655 0-55.910381L232.441247 847.456145l-55.911648 0L176.529599 791.547811 176.529599 232.452189l0 0-55.911648 0L92.661103 232.452189c-15.43823 0-27.955824-12.502755-27.955824-27.954679 0-15.424294 12.517594-27.954679 27.955824-27.954679l27.955824 0 55.911648 0L176.528575 92.678796c0-15.451924 12.516571-27.954679 27.955824-27.954679s27.955824 12.502755 27.955824 27.954679l0 27.954679 0 55.909357 443.417767 0-51.462131 55.909357L232.441247 232.452189l0 518.336312L841.847103 114.681926l39.530915 39.529295L270.798381 791.547811l520.760372 0L791.558753 372.226606l55.911648-55.909357L847.470401 791.547811l55.912672 0 27.954801 0c15.452557 0 27.955824 12.530384 27.955824 27.954679C959.293698 834.954413 946.789407 847.456145 931.337874 847.456145z"
                                fill="#1296db" p-id="16580"></path>
                        </svg>
                    </div>
                    <p><b style="font-size: medium;">PDF裁剪</b></p>
                </div>
            </a-col>
            <a-col>
                <div class="mycard" @click="switchMenu('scale', '')">
                    <div style="margin-top: 10px;">
                        <svg t="1689735627144" class="icon" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="17709" width="50" height="50">
                            <path
                                d="M65.991363 679.954822c-12.104086 0-21.912081-9.807995-21.912081-21.91208s9.807995-21.912081 21.912081-21.912081h183.177057c38.183147 0 72.85129 15.590743 97.994906 40.734359 25.143616 25.11527 40.734359 59.811759 40.73436 97.994907v183.177057c0 12.104086-9.807995 21.912081-21.912081 21.91208s-21.912081-9.807995-21.91208-21.91208v-183.177057c0-26.079061-10.686746-49.805337-27.893257-67.011848s-40.932787-27.893257-67.011848-27.893257H65.991363z m613.935112 278.082162c0 12.104086-9.807995 21.912081-21.91208 21.91208s-21.912081-9.807995-21.912081-21.91208v-183.177057c0-38.183147 15.590743-72.85129 40.73436-97.994907 25.11527-25.143616 59.811759-40.734359 97.994906-40.734359h183.205404c12.104086 0 21.912081 9.807995 21.91208 21.912081s-9.807995 21.912081-21.91208 21.91208h-183.205404c-26.079061 0-49.805337 10.686746-67.011848 27.893257s-27.893257 40.932787-27.893257 67.011848v183.177057z m278.110509-613.963459c12.104086 0 21.912081 9.807995 21.91208 21.91208s-9.807995 21.912081-21.91208 21.912081h-183.205404c-38.183147 0-72.85129-15.590743-97.994906-40.73436s-40.734359-59.840106-40.73436-97.994906V65.963016c0-12.104086 9.807995-21.912081 21.912081-21.91208s21.912081 9.807995 21.91208 21.91208v183.205404c0 26.050714 10.686746 49.77699 27.893257 66.983501 17.206511 17.234858 40.932787 27.921603 67.011848 27.921604h183.205404zM344.073525 65.963016c0-12.104086 9.807995-21.912081 21.91208-21.91208s21.912081 9.807995 21.912081 21.91208v183.205404c0 38.1548-15.590743 72.85129-40.73436 97.994906s-59.811759 40.734359-97.994906 40.73436H65.991363c-12.104086 0-21.912081-9.807995-21.912081-21.912081s9.807995-21.912081 21.912081-21.91208h183.177057c26.079061 0 49.805337-10.686746 67.011848-27.893257 17.206511-17.234858 27.893257-40.932787 27.893257-67.011848V65.963016z"
                                fill="#1296db" p-id="17710"></path>
                        </svg>
                    </div>
                    <p><b style="font-size: medium;">PDF缩放</b></p>
                </div>
            </a-col>
        </a-row>
        <a-row :gutter="6">
            <a-col>
                <div class="mycard" @click="switchMenu('cut', '')">
                    <div style="margin-top: 10px;">
                        <svg t="1689735657407" class="icon" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="18822" width="50" height="50">
                            <path
                                d="M145.129287 805.881714V223.667147H36.494499A36.494499 36.494499 0 0 1 0 187.172648a36.494499 36.494499 0 0 1 36.494499-36.494499h109.483498V42.04336a36.494499 36.494499 0 1 1 72.140289 0v109.483498h582.214567V42.04336A36.494499 36.494499 0 0 1 836.827352 5.548861a36.494499 36.494499 0 0 1 36.494499 36.494499v109.483498h108.634789a35.64579 35.64579 0 0 1 36.494499 35.64579 36.494499 36.494499 0 0 1-36.494499 36.494499h-108.634789v582.214567h108.634789a36.494499 36.494499 0 0 1 36.494499 36.4945 36.494499 36.494499 0 0 1-36.494499 36.494499h-108.634789v108.634788a36.494499 36.494499 0 0 1-36.494499 36.494499 36.494499 36.494499 0 0 1-36.494499-36.494499v-108.634788H218.118286v108.634788a36.494499 36.494499 0 0 1-36.4945 36.494499 36.494499 36.494499 0 0 1-36.494499-36.494499v-108.634788H36.494499A37.343208 37.343208 0 0 1 0 842.376214a36.494499 36.494499 0 0 1 36.494499-36.4945h108.634788z m72.988999 0h582.214567V223.667147H218.118286z"
                                fill="#1296db" p-id="18823"></path>
                        </svg>
                    </div>
                    <p><b style="font-size: medium;">PDF分割</b></p>
                </div>
            </a-col>
            <a-col>
                <div class="mycard" @click="switchMenu('cut', 'combine')">
                    <div style="margin-top: 10px;">
                        <svg t="1689735705262" class="icon" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="20862" width="50" height="50">
                            <path
                                d="M408.26 135.88v272h-272v-272h272m0-72h-272a72 72 0 0 0-72 72v272a72 72 0 0 0 72 72h272a72 72 0 0 0 72-72v-272a72 72 0 0 0-72-72zM408.26 615.56v272h-272v-272h272m0-72h-272a72 72 0 0 0-72 72v272a72 72 0 0 0 72 72h272a72 72 0 0 0 72-72v-272a72 72 0 0 0-72-72zM888.11 615.56v272h-272v-272h272m0-72h-272a72 72 0 0 0-72 72v272a72 72 0 0 0 72 72h272a72 72 0 0 0 72-72v-272a72 72 0 0 0-72-72z"
                                p-id="20863" fill="#1296db"></path>
                            <path d="M544.11 64.22m36 0l344 0q36 0 36 36l0 0q0 36-36 36l-344 0q-36 0-36-36l0 0q0-36 36-36Z"
                                p-id="20864" fill="#1296db"></path>
                            <path d="M544.11 236.74m36 0l344 0q36 0 36 36l0 0q0 36-36 36l-344 0q-36 0-36-36l0 0q0-36 36-36Z"
                                p-id="20865" fill="#1296db"></path>
                            <path d="M544.11 409.26m36 0l344 0q36 0 36 36l0 0q0 36-36 36l-344 0q-36 0-36-36l0 0q0-36 36-36Z"
                                p-id="20866" fill="#1296db"></path>
                        </svg>
                    </div>
                    <p><b style="font-size: medium;">PDF组合</b></p>
                </div>
            </a-col>
            <a-col>
                <div class="mycard" @click="switchMenu('header', '')">
                    <div style="margin-top: 10px;">
                        <svg t="1689735754103" class="icon" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="22061" width="50" height="50">
                            <path
                                d="M886.4 963.9H139.6c-42.3 0-76.7-34.4-76.7-76.7V140.4c0-42.3 34.4-76.7 76.7-76.7h746.8c42.3 0 76.7 34.4 76.7 76.7v746.8c0 42.3-34.4 76.7-76.7 76.7zM139.6 110.4c-16.5 0-30 13.5-30 30v746.8c0 16.5 13.5 30 30 30h746.8c16.5 0 30-13.5 30-30V140.4c0-16.5-13.5-30-30-30H139.6z"
                                fill="#1296db" p-id="22062"></path>
                            <path
                                d="M963.1 347.1H62.9v-210c0-42.3 34.4-76.7 76.7-76.7h746.8c42.3 0 76.7 34.4 76.7 76.7v210z m-853.5-46.7h806.8V137.1c0-16.5-13.5-30-30-30H139.6c-16.5 0-30 13.5-30 30v163.3z"
                                fill="#1296db" p-id="22063"></path>
                            <path
                                d="M349.6 963.9h-210c-42.3 0-76.7-34.4-76.7-76.7V303.8h286.7v660.1z m-240-613.5v536.8c0 16.5 13.5 30 30 30H303V350.4H109.6z"
                                fill="#1296db" p-id="22064"></path>
                        </svg>
                    </div>
                    <p><b style="font-size: medium;">页眉页脚</b></p>
                </div>
            </a-col>
            <a-col>
                <div class="mycard" @click="switchMenu('page_number', '')">
                    <div style="margin-top: 10px;">
                        <svg t="1689735776157" class="icon" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="22392" width="50" height="50">
                            <path
                                d="M998.4 256v768H25.6V0h768v51.2h51.2v51.2h-51.2v102.4h102.4V153.6h51.2v51.2h51.2v51.2z m-204.8 0h-51.2V51.2H76.8v921.6h870.4V256h-153.6z m-136.5504 409.6H691.2v102.4h-42.6496L640 870.4h-102.4l8.5504-102.4h-102.4L435.2 870.4H332.8l8.5504-102.4H281.6v-102.4h68.2496l17.1008-204.8H332.8V358.4h42.6496L384 256h102.4l-8.5504 102.4h102.4L588.8 256h102.4l-8.5504 102.4H742.4v102.4h-68.2496zM469.3504 460.8l-17.1008 204.8h102.4l17.1008-204.8h-102.4zM844.8 102.4h51.2v51.2h-51.2V102.4z"
                                fill="#1296db" p-id="22393"></path>
                        </svg>
                    </div>
                    <p><b style="font-size: medium;">页码设置</b></p>
                </div>
            </a-col>
            <a-col>
                <div class="mycard" @click="switchMenu('background', '')">
                    <div style="margin-top: 10px;">
                        <svg t="1689735799572" class="icon" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="23521" width="50" height="50">
                            <path
                                d="M0 153.6a153.6 153.6 0 0 1 153.6-153.6h716.8a153.6 153.6 0 0 1 153.6 153.6v716.8a153.6 153.6 0 0 1-153.6 153.6H153.6a153.6 153.6 0 0 1-153.6-153.6V153.6z m102.4 0v716.8a51.2 51.2 0 0 0 51.2 51.2h716.8a51.2 51.2 0 0 0 51.2-51.2V153.6a51.2 51.2 0 0 0-51.2-51.2H153.6a51.2 51.2 0 0 0-51.2 51.2z m76.8 768L921.6 179.2v-25.0112s0-21.9136-15.104-36.9664C891.392 102.144 870.4768 102.4 870.4768 102.4H844.8L102.4 844.8v25.6s-0.128 18.7904 13.312 34.9952C129.1008 921.6 153.6 921.6 153.6 921.6h25.6zM102.4 563.2L563.2 102.4h-128L102.4 435.2v128z m819.2-102.4L460.8 921.6h128l332.8-332.8v-128z"
                                fill="#1296db" p-id="23522"></path>
                        </svg>
                    </div>
                    <p><b style="font-size: medium;">文档背景</b></p>
                </div>
            </a-col>
            <a-col>
                <div class="mycard" @click="switchMenu('annot', 'remove')">
                    <div style="margin-top: 10px;">
                        <svg t="1690350751457" class="icon" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="4078" width="50" height="50">
                            <path
                                d="M832 64 192 64C121.6 64 64 121.6 64 192l0 512c0 70.4 57.6 128 128 128l128 0 132.096 120.448C459.072 957.632 466.88 960 474.432 960 493.824 960 512 944.704 512 922.496L512 832l320 0c70.4 0 128-57.6 128-128L960 192C960 121.6 902.4 64 832 64zM896 704c0 35.328-28.672 64-64 64L512 768c-16.96 0-33.28 6.72-45.248 18.752S448 815.04 448 832l0 30.08-84.864-77.376C351.296 773.952 335.936 768 320 768L192 768c-35.328 0-64-28.672-64-64L128 192c0-35.328 28.672-64 64-64l640 0c35.328 0 64 28.672 64 64L896 704zM736 320l-448 0C270.336 320 256 334.336 256 352S270.336 384 288 384l448 0C753.664 384 768 369.664 768 352S753.664 320 736 320zM736 512l-448 0C270.336 512 256 526.336 256 544S270.336 576 288 576l448 0C753.664 576 768 561.664 768 544S753.664 512 736 512z"
                                p-id="4079" fill="#1296db"></path>
                        </svg>
                    </div>
                    <p><b style="font-size: medium;">批注管理</b></p>
                </div>
            </a-col>
        </a-row>

        <a-typography-title :level="4" style="margin-top: 2vh;"> 保护 </a-typography-title>
        <a-row :gutter="6">
            <a-col>
                <div class="mycard" @click="switchMenu('watermark', 'add')">
                    <div style="margin-top: 10px;">
                        <svg t="1689735950467" class="icon" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="24157" width="50" height="50">
                            <path
                                d="M512 800a192 192 0 0 0 192-192c0-106.048-53.952 0-160 0s-224-106.048-224 0a192 192 0 0 0 192 192z"
                                fill="#1296db" p-id="24158"></path>
                            <path
                                d="M512 64a133.536 133.536 0 0 1 109.12 56.384l22.912 32.864 15.456 22.624 23.264 34.848 15.424 23.68 7.648 11.936 15.136 24.096 7.456 12.096 14.656 24.256q7.2 12.16 14.24 24.32l13.696 24.224C824.704 452.064 864 545.504 864 611.808a352 352 0 0 1-704 0c0-66.304 39.296-159.744 92.992-256.48l13.696-24.256q7.008-12.128 14.24-24.288l14.656-24.256 15.008-24.16c2.496-4.032 5.056-8 7.584-12.032l15.36-23.84 7.712-11.776 23.264-34.848 15.456-22.624 22.912-32.864A133.568 133.568 0 0 1 512 64z m0 64a69.664 69.664 0 0 0-56.832 29.248l-17.664 25.28-17.12 24.96-16.512 24.576-16 24.16-15.328 23.744-14.656 23.328-14.016 22.816-13.344 22.4-12.8 21.824-6.08 10.72-11.52 20.96c-3.776 6.912-7.36 13.696-10.88 20.416l-10.048 19.776-9.312 19.2-4.352 9.312-8.096 18.144-7.264 17.408a304 304 0 0 0-26.368 105.6 288 288 0 0 0 576 0 394.208 394.208 0 0 0-46.08-150.4l-9.28-19.2-10.112-19.808-5.312-10.112-11.2-20.672c-3.84-7.008-7.84-14.08-11.936-21.28l-12.8-21.824-13.344-22.4-14.016-22.848-7.264-11.584-15.008-23.552-15.616-23.968-16.224-24.384-8.32-12.32-17.152-24.96q-8.672-12.544-17.664-25.28A69.568 69.568 0 0 0 512 128z"
                                fill="#1296db" p-id="24159"></path>
                            <path
                                d="M127.488 448a70.016 70.016 0 0 1-64-74.624 278.048 278.048 0 0 1 44.16-105.28 22.4 22.4 0 0 1 39.68 0 278.4 278.4 0 0 1 44.16 105.28 70.016 70.016 0 0 1-64 74.624z m688-128a83.84 83.84 0 0 1-80-87.04c0-30.4 30.016-83.584 55.2-122.88a28.8 28.8 0 0 1 49.6 0c25.184 39.296 55.2 92.48 55.2 122.88a83.84 83.84 0 0 1-80 87.04z"
                                fill="#1296db" p-id="24160"></path>
                            <path
                                d="M544 608a180.256 180.256 0 0 0 68.608-14.432l8.864-3.84 8.416-3.968 19.2-9.824 13.248-6.944 5.952-2.88 5.472-2.336c20.16-7.872 30.336-1.792 30.336 44.224a192 192 0 0 1-384 0c0-50.112 26.368-52.864 65.376-41.824l9.216 2.784 9.6 3.2 47.424 16.736 5.6 1.92 17.024 5.344 11.52 3.2 11.616 2.88A213.792 213.792 0 0 0 544 608z m-186.56-15.072h-4.832c-0.416 0-0.64 0.32-0.736 0.928v1.888l0.224 12.32a160 160 0 0 0 320 0l-0.16-7.936-24.96 13.024a210.336 210.336 0 0 1-137.248 24.096 400 400 0 0 1-70.72-18.816l-40.64-14.272-19.2-6.4-5.504-1.664-6.4-1.696-3.52-0.704-3.2-0.416z"
                                fill="#1296db" p-id="24161"></path>
                        </svg>
                    </div>
                    <p><b style="font-size: medium;">添加水印</b></p>
                </div>
            </a-col>
            <a-col>
                <div class="mycard" @click="switchMenu('watermark', 'remove')">
                    <div style="margin-top: 10px;">
                        <svg t="1689735978763" class="icon" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="24429" width="50" height="48">
                            <path
                                d="M851.585 172.416c-12.889-12.888-33.781-12.888-46.67 0l-32.761 32.761c-19.148-14.816-43.15-23.648-69.179-23.648h-85.277c-62.453 0-113.262 50.809-113.262 113.261v178.104L285.931 691.4c-7.557-8.381-12.166-19.469-12.166-31.616V337.25c0-19.378 12.144-37.093 30.217-44.081l146.701-56.722c16.999-6.572 25.451-25.681 18.878-42.68-6.572-16.999-25.679-25.449-42.68-18.878L280.18 231.61c-21.414 8.279-39.593 22.665-52.574 41.601s-19.842 41.081-19.842 64.039v322.534c0 30.343 11.996 57.936 31.492 78.29l-66.841 66.841c-12.887 12.888-12.887 33.782 0 46.67 6.444 6.443 14.889 9.665 23.334 9.665s16.891-3.222 23.334-9.665l80.57-80.57a113.357 113.357 0 0 0 21.371 2.031h117.529c18.226 0 33-14.774 33-33s-14.774-33-33-33h-74.931l140.812-140.812v252.098c0 18.226 14.774 33 33 33s33-14.774 33-33V500.234l179.8-179.8v317.508l-42.319-42.32c-12.888-12.887-33.783-12.888-46.669-0.001-12.888 12.888-12.888 33.782-0.001 46.669l64.401 64.402c15.231 15.231 37.934 19.745 57.831 11.502 19.899-8.243 32.757-27.486 32.757-49.025V294.791c0-12.159-1.934-23.873-5.496-34.86l40.846-40.846c12.888-12.888 12.888-33.782 0.001-46.669zM570.436 294.791c0-26.06 21.201-47.261 47.262-47.261h85.277a46.948 46.948 0 0 1 21.587 5.24L570.436 406.895V294.791z"
                                p-id="24430" fill="#1296db"></path>
                            <path
                                d="M332.855 439.856c-18.226 0-33 14.774-33 33s14.774 33 33 33h105.927c18.226 0 33-14.774 33-33s-14.774-33-33-33H332.855z"
                                p-id="24431" fill="#1296db"></path>
                        </svg>
                    </div>
                    <p><b style="font-size: medium;">去除水印</b></p>
                </div>
            </a-col>
            <a-col>
                <div class="mycard" @click="switchMenu('encrypt', 'encrypt')">
                    <div style="margin-top: 10px;">
                        <svg t="1689736059707" class="icon" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="25646" width="50" height="50">
                            <path
                                d="M288 384v-74.666667c0-123.722667 100.266667-224 224-224s224 100.224 224 224v74.666667h10.677333C811.445333 384 864 436.597333 864 501.333333v320c0 64.821333-52.469333 117.333333-117.322667 117.333334H277.333333C212.554667 938.666667 160 886.069333 160 821.333333V501.333333c0-64.821333 52.469333-117.333333 117.322667-117.333333H288z m64 0h320v-74.666667c0-88.426667-71.605333-160-160-160-88.384 0-160 71.626667-160 160v74.666667zM224 501.333333v320c0 29.397333 23.914667 53.333333 53.322667 53.333334H746.666667A53.269333 53.269333 0 0 0 800 821.333333V501.333333c0-29.397333-23.914667-53.333333-53.322667-53.333333H277.333333A53.269333 53.269333 0 0 0 224 501.333333z"
                                fill="#1296db" p-id="25647"></path>
                        </svg>
                    </div>
                    <p><b style="font-size: medium;">设置密码</b></p>
                </div>
            </a-col>
            <a-col>
                <div class="mycard" @click="switchMenu('encrypt', 'decrypt')">
                    <div style="margin-top: 10px;">
                        <svg t="1689736081977" class="icon" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="25945" width="50" height="50">
                            <path
                                d="M791.366 459.07l-459.174-0.791c-0.186-61.936-16.847-157.926 36.027-216.192 32.142-35.52 86.326-72.068 144.127-72.068 85.395 0 149.246 64.412 180.166 144.126 9.009 22.992 16.936 35.38 36.037 36.037 47.899 1.45 44.986-49.075 36.029-72.067C719.914 163.03 636.118 97.953 512.346 97.953c-84.12 0-130.475 17.265-180.154 72.065-76.009 83.746-72.259 219.151-72.067 288.26l-26.795 0.791c-25.045 0-45.273 20.034-45.273 44.667v378.249c0 24.774 20.269 44.755 45.273 44.755h557.99c25.009 0 45.273-19.989 45.273-44.755V503.737c0.046-24.678-20.218-44.667-45.227-44.667zM765.68 818.35c0 9.966-3.476 18.514-10.58 25.52-7.045 7.051-15.56 10.58-25.517 10.58H296.362c-9.966 0-18.472-3.478-25.475-10.58-7.051-7.049-10.624-15.553-10.624-25.52V565.635c0-19.878 16.166-36.054 36.098-36.054h433.212c19.932 0 36.107 16.176 36.107 36.054V818.35z"
                                fill="#1296db" p-id="25946"></path>
                        </svg>
                    </div>
                    <p><b style="font-size: medium;">去除密码</b></p>
                </div>
            </a-col>
            <a-col>
                <div class="mycard" @click="switchMenu('encrypt', 'change')">
                    <div style="margin-top: 10px;">
                        <svg t="1689756935713" class="icon" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="2619" width="50" height="50">
                            <path
                                d="M350.334 1024c-93.643 0-181.663-36.448-247.844-102.629-136.625-136.8-136.619-359.229 0-495.848 66.181-66.181 154.201-102.629 247.844-102.629 55.7 0 110.859 13.74 160.967 39.925L833.41 40.711c43.51-43.51 114.307-43.522 157.834-0.029l0 0c21.122 21.068 32.755 49.096 32.756 78.92 0 29.824-11.633 57.852-32.755 78.921l-76.494 76.493 76.522 76.522c43.522 43.523 43.522 114.34 0.001 157.863-21.093 21.092-49.125 32.707-78.933 32.707-29.809 0-57.841-11.615-78.932-32.706l-76.522-76.522-90.886 90.886c23.087 47.813 34.812 97.988 34.886 149.477 0.087 93.694-36.39 181.81-102.71 248.129C531.996 987.552 443.977 1024 350.334 1024zM350.334 386.894c-76.548 0-148.496 29.791-202.589 83.884C36.064 582.459 36.07 764.299 147.759 876.13 201.838 930.209 273.786 960 350.334 960s148.496-29.791 202.59-83.884c54.216-54.216 84.035-126.237 83.964-202.799-0.069-48.215-12.854-95.27-37.999-139.84l-11.942-21.167L756.888 342.37l121.777 121.777c9.003 9.003 20.963 13.961 33.677 13.961 12.713 0 24.674-4.958 33.678-13.962 18.568-18.569 18.568-48.784-0.001-67.354L824.241 275.017 946.02 153.24c9.025-9.003 13.98-20.939 13.98-33.637s-4.956-24.633-13.953-33.607l-0.028-0.029c-18.569-18.568-48.784-18.569-67.354 0L521.44 443.19l-21.533-13.272C454.243 401.771 402.521 386.894 350.334 386.894zM350.222 863.15c-51.316 0-100.555-19.785-135.109-54.293-74.568-74.759-74.555-196.187-0.015-270.726 36.087-36.088 84.115-55.962 135.236-55.962s99.148 19.874 135.236 55.962c36.138 36.138 56.041 84.194 56.041 135.315 0 51.218-19.913 99.284-56.071 135.345-34.612 34.521-83.898 54.334-135.22 54.358C350.288 863.15 350.254 863.15 350.222 863.15zM350.334 546.17c-34.026 0-65.981 13.217-89.981 37.216-49.618 49.618-49.605 130.47 0.029 180.23 47.844 47.78 131.96 47.736 179.963-0.139l0 0c24.031-23.967 37.265-55.94 37.265-90.03 0-34.026-13.245-66.011-37.295-90.062C416.316 559.387 384.36 546.17 350.334 546.17z"
                                p-id="2620" fill="#1296db"></path>
                        </svg>
                    </div>
                    <p><b style="font-size: medium;">修改密码</b></p>
                </div>
            </a-col>
            <a-col>
                <div class="mycard" @click="switchMenu('encrypt', 'recover')">
                    <div style="margin-top: 10px;">
                        <svg t="1689736116541" class="icon" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="27297" width="50" height="50">
                            <path
                                d="M917.333333 780.8c2.133333 21.333333-27.733333 32-38.4 12.8-40.533333-66.133333-115.2-164.266667-217.6-232.533333-64-42.666667-234.666667-21.333333-234.666666-21.333334v-170.666666s234.666667-21.333333 341.333333 85.333333c113.066667 115.2 142.933333 245.333333 149.333333 326.4z"
                                fill="#1296db" p-id="27298"></path>
                            <path
                                d="M117.333333 497.066667l290.133334 232.533333c14.933333 12.8 40.533333 2.133333 40.533333-19.2V245.333333c0-21.333333-23.466667-32-40.533333-19.2L117.333333 458.666667c-12.8 8.533333-12.8 27.733333 0 38.4z"
                                fill="#1296db" p-id="27299"></path>
                        </svg>
                    </div>
                    <p><b style="font-size: medium;">恢复权限</b></p>
                </div>
            </a-col>
            <a-col>
                <div class="mycard" @click="switchMenu('sign', 'image')">
                    <div style="margin-top: 10px;">
                        <svg t="1689819444028" class="icon" viewBox="0 0 1137 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="2010" width="50" height="50">
                            <path
                                d="M829.573458 305.578582l109.283526-109.255081L827.866792 85.33331l-109.283525 109.226636 110.990191 110.990191z m-68.86398 68.835536L649.719286 263.452371 161.043866 751.985569c-20.366217 20.337772-45.767098 67.64087-51.569763 96.056862l-17.18044 83.683532 83.740421-17.180439c28.728881-5.887998 75.434646-31.061325 96.028418-51.655097l488.618531-488.476309z m9.102219-350.151014a81.720866 81.720866 0 0 1 116.138635 0l114.06219 113.976858a82.147533 82.147533 0 0 1 0 116.138634L331.710486 922.53841c-32.085324 32.028436-93.582196 65.336871-138.723517 74.581313l-125.439966 25.713771A56.206207 56.206207 0 0 1 1.186133 956.501068l25.713771-125.383077c9.130664-44.543988 42.495988-106.666637 74.581312-138.751961L769.783253 24.23466zM951.40098 824.88866c-6.428443 39.082656-30.378658 74.382202-68.209759 102.20086 77.596423 4.977776 136.419518-20.764439 180.565284-77.141312a41.585766 41.585766 0 0 1 58.055095-7.224887c18.033773 13.937774 21.304883 39.736878 7.281775 57.656873-75.71909 96.711084-186.282615 129.25152-323.982132 97.848862a234.012379 234.012379 0 0 1-50.119097-17.351106C640.048178 1009.635275 534.91754 1023.999716 439.657122 1023.999716A41.244433 41.244433 0 0 1 398.270467 982.897505a41.244433 41.244433 0 0 1 41.386655-41.073767c73.528868 0 154.282624-9.415108 242.261266-28.302214-16.298662-30.407103-20.764439-65.991093-12.287996-103.167971 17.863106-78.307534 88.689753-137.557295 166.684398-126.293299 77.795534 11.207108 126.663076 70.826647 115.114635 140.799961z m-201.102166 3.612443c-5.660443 24.917326-0.199111 47.047098 18.119106 63.800871 119.096856-35.83999 130.133297-116.252412 55.978651-126.94752-31.402658-4.522665-65.080871 23.665771-74.069313 63.146649z"
                                fill="#1296db" p-id="2011"></path>
                        </svg>
                    </div>
                    <p><b style="font-size: medium;">电子签名</b></p>
                </div>
            </a-col>
        </a-row>

        <a-typography-title :level="4" style="margin-top: 2vh;"> 其他 </a-typography-title>
        <a-row :gutter="6">
            <a-col>
                <div class="mycard" @click="switchMenu('bookmark', 'extract')">
                    <div style="margin-top: 10px;">
                        <svg t="1689736214194" class="icon" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="28419" width="50" height="50">
                            <path
                                d="M885.333333 42.666667H309.333333a53.393333 53.393333 0 0 0-53.333333 53.333333v32H181.333333a53.393333 53.393333 0 0 0-53.333333 53.333333v778.666667a21.333333 21.333333 0 0 0 32.666667 18.093333l330-206.266666 330 206.266666a21.333333 21.333333 0 0 0 32.666666-18.093333v-142.84l52.666667 32.933333a21.333333 21.333333 0 0 0 32.666667-18.093333V96a53.393333 53.393333 0 0 0-53.333334-53.333333z m-74.666666 878.84l-308.666667-192.933334a21.333333 21.333333 0 0 0-22.613333 0l-308.666667 192.933334V181.333333a10.666667 10.666667 0 0 1 10.666667-10.666666h618.666666a10.666667 10.666667 0 0 1 10.666667 10.666666z m85.333333-128l-42.666667-26.666667V181.333333a53.393333 53.393333 0 0 0-53.333333-53.333333H298.666667v-32a10.666667 10.666667 0 0 1 10.666666-10.666667h576a10.666667 10.666667 0 0 1 10.666667 10.666667z"
                                fill="#1296db" p-id="28420"></path>
                        </svg>
                    </div>
                    <p><b style="font-size: medium;">书签提取</b></p>
                </div>
            </a-col>
            <a-col>
                <div class="mycard" @click="switchMenu('bookmark', 'write')">
                    <div style="margin-top: 10px;">
                        <svg t="1689736243863" class="icon" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="28776" width="50" height="50">
                            <path
                                d="M784.896 32.256H245.248a143.9744 143.9744 0 0 0-143.872 143.872v709.12a101.6832 101.6832 0 0 0 16.384 55.808 107.8784 107.8784 0 0 0 147.456 35.84L499.2 834.56a35.84 35.84 0 0 1 37.888 0l226.816 140.288a101.6832 101.6832 0 0 0 55.808 16.384 108.3904 108.3904 0 0 0 108.032-108.032V176.128a142.4896 142.4896 0 0 0-142.848-143.872z m72.192 850.944a35.84 35.84 0 0 1-35.84 35.84 29.9008 29.9008 0 0 1-17.92-5.632L576.512 773.12a104.6016 104.6016 0 0 0-111.616 0l-233.984 142.336a34.0992 34.0992 0 0 1-48.64-12.8 36.5056 36.5056 0 0 1-5.632-17.92V176.128a72.448 72.448 0 0 1 72.192-72.192H788.48a71.9872 71.9872 0 0 1 71.68 72.192v707.072z"
                                fill="#1296db" p-id="28777"></path>
                            <path
                                d="M703.488 373.248a22.3232 22.3232 0 0 0-9.728-9.728 35.84 35.84 0 0 0-15.36-4.096h-135.168V224.256a42.9056 42.9056 0 0 0-4.096-15.36 22.3232 22.3232 0 0 0-9.728-9.728 42.9056 42.9056 0 0 0-15.36-4.096 42.9056 42.9056 0 0 0-15.36 4.096 22.3232 22.3232 0 0 0-9.728 9.728 42.9056 42.9056 0 0 0-4.096 15.36v135.168H350.208a42.9056 42.9056 0 0 0-15.36 4.096 22.3232 22.3232 0 0 0-9.728 9.728 42.9056 42.9056 0 0 0-4.096 15.36 42.9056 42.9056 0 0 0 4.096 15.36 22.3232 22.3232 0 0 0 9.728 9.728 35.84 35.84 0 0 0 15.36 4.096h135.168V552.96a42.9056 42.9056 0 0 0 4.096 15.36 22.3232 22.3232 0 0 0 9.728 9.728 42.9056 42.9056 0 0 0 15.36 4.096 42.9056 42.9056 0 0 0 15.36-4.096 22.3232 22.3232 0 0 0 9.728-9.728 35.84 35.84 0 0 0 4.096-15.36V417.792h135.168a42.9056 42.9056 0 0 0 15.36-4.096 22.3232 22.3232 0 0 0 9.728-9.728 35.84 35.84 0 0 0 4.096-15.36 44.032 44.032 0 0 0-4.608-15.36z"
                                fill="#1296db" p-id="28778"></path>
                        </svg>
                    </div>
                    <p><b style="font-size: medium;">写入书签</b></p>
                </div>
            </a-col>
            <a-col>
                <div class="mycard" @click="switchMenu('bookmark', 'transform')">
                    <div style="margin-top: 10px;">
                        <svg t="1689739374374" class="icon" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="33408" width="50" height="50">
                            <path
                                d="M42.073656 647.681604a41.638378 41.638378 0 0 0 41.518036-41.638378V312.047393c0-50.904723 42.360431-87.849758 100.606024-87.849757h710.620299l-70.520491 70.159464a41.277352 41.277352 0 0 0 0 58.726961 42.480773 42.480773 0 0 0 58.726962 0l116.972553-116.130159a76.657939 76.657939 0 0 0 0-109.029973L882.783801 12.034454a41.75872 41.75872 0 0 0-29.483822-12.034213 41.518036 41.518036 0 0 0-29.002455 71.001859l70.520491 70.159463h-710.018589a192.547414 192.547414 0 0 0-127.923688 45.730011A164.026328 164.026328 0 0 0 0.314935 312.047393v293.995833a41.518036 41.518036 0 0 0 41.758721 41.638378zM982.186404 376.310093a41.638378 41.638378 0 0 0-41.638379 41.638378v270.529116c0 59.20833-47.053774 111.316474-100.606023 111.316474H127.997939l70.520491-70.159464a41.518036 41.518036 0 0 0-28.882113-71.001859 40.675641 40.675641 0 0 0-29.604164 12.034213l-116.972554 116.130159a76.657939 76.657939 0 0 0 0 109.029973l116.972554 116.130159a41.518036 41.518036 0 1 0 58.486277-58.967645l-70.520491-70.159464h711.944063a176.301226 176.301226 0 0 0 131.41361-60.89312A202.295127 202.295127 0 0 0 1023.223071 688.477587V417.948471a41.638378 41.638378 0 0 0-41.036667-41.638378z"
                                fill="#1296db" p-id="33409"></path>
                        </svg>
                    </div>
                    <p><b style="font-size: medium;">转换书签</b></p>
                </div>
            </a-col>
            <a-col>
                <div class="mycard" @click="switchMenu('bookmark', 'recognize')">
                    <div style="margin-top: 10px;">
                        <svg t="1689739417961" class="icon" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="34626" width="50" height="50">
                            <path
                                d="M28.444444 358.4a28.444444 28.444444 0 0 0 28.444445-28.444444V56.888889h275.911111a28.444444 28.444444 0 0 0 0-56.888889H28.444444a28.444444 28.444444 0 0 0-28.444444 28.444444v301.511112a28.444444 28.444444 0 0 0 28.444444 28.444444zM995.555556 0h-304.355556a28.444444 28.444444 0 0 0 0 56.888889H967.111111v273.066667a28.444444 28.444444 0 1 0 56.888889 0V28.444444a28.444444 28.444444 0 0 0-28.444444-28.444444zM332.8 967.111111H56.888889v-273.066667a28.444444 28.444444 0 0 0-56.888889 0v301.511112a28.444444 28.444444 0 0 0 28.444444 28.444444h304.355556a28.444444 28.444444 0 0 0 0-56.888889zM995.555556 665.6a28.444444 28.444444 0 0 0-28.444445 28.444444V967.111111h-275.911111a28.444444 28.444444 0 0 0 0 56.888889h304.355556a28.444444 28.444444 0 0 0 28.444444-28.444444v-301.511112a28.444444 28.444444 0 0 0-28.444444-28.444444zM995.555556 483.555556H28.444444a28.444444 28.444444 0 0 0 0 56.888888h967.111112a28.444444 28.444444 0 0 0 0-56.888888zM160.995556 270.222222a28.444444 28.444444 0 0 0 28.444444 28.444445h645.12a28.444444 28.444444 0 0 0 0-56.888889H189.44a28.444444 28.444444 0 0 0-28.444444 28.444444zM834.56 782.222222a28.444444 28.444444 0 0 0 0-56.888889H189.44a28.444444 28.444444 0 0 0 0 56.888889z"
                                p-id="34627" fill="#1296db"></path>
                        </svg>
                    </div>
                    <p><b style="font-size: medium;">识别书签</b></p>
                </div>
            </a-col>
            <a-col>
                <div class="mycard" @click="switchMenu('extract', 'page')">
                    <div style="margin-top: 10px;">
                        <svg t="1689739543285" class="icon" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="38708" width="50" height="50">
                            <path
                                d="M207.644444 0C139.377778 0 85.333333 54.044444 85.333333 119.466667v785.066666C85.333333 969.955556 139.377778 1024 207.644444 1024h611.555556c65.422222 0 122.311111-54.044444 122.311111-119.466667V241.777778L694.044444 0H207.644444z m577.422223 952.888889H236.088889c-45.511111 0-73.955556-25.6-73.955556-71.111111V145.066667c0-45.511111 28.444444-68.266667 73.955556-68.266667h432.355555v130.844444c0 25.6 22.755556 48.355556 48.355556 48.355556h150.755556v625.777778c2.844444 45.511111-34.133333 71.111111-82.488889 71.111111z m-119.466667-258.844445H358.4c-17.066667 0-31.288889-14.222222-31.288889-31.288888 0-17.066667 14.222222-31.288889 31.288889-31.288889h304.355556c17.066667 0 31.288889 14.222222 31.288888 31.288889s-11.377778 31.288889-28.444444 31.288888z m0-119.466666H358.4c-17.066667 0-31.288889-14.222222-31.288889-31.288889 0-17.066667 14.222222-31.288889 31.288889-31.288889h304.355556c17.066667 0 31.288889 14.222222 31.288888 31.288889s-11.377778 31.288889-28.444444 31.288889z m0-122.311111H358.4c-17.066667 0-31.288889-14.222222-31.288889-31.288889 0-17.066667 14.222222-31.288889 31.288889-31.288889h304.355556c17.066667 0 31.288889 14.222222 31.288888 31.288889s-11.377778 31.288889-28.444444 31.288889z"
                                fill="#1296db" p-id="38709"></path>
                        </svg>
                    </div>
                    <p><b style="font-size: medium;">提取页面</b></p>
                </div>
            </a-col>
            <a-col>
                <div class="mycard" @click="switchMenu('extract', 'text')">
                    <div style="margin-top: 10px;">
                        <svg t="1689739595305" class="icon" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="39810" width="50" height="50">
                            <path
                                d="M853.3 0H170.7C108.1 0 56.9 51.2 56.9 113.8v796.4c0 62.6 51.2 113.8 113.8 113.8h682.7c62.6 0 113.8-51.2 113.8-113.8V113.8C967.1 51.2 915.9 0 853.3 0z m56.9 910.2c0 31.4-25.5 56.9-56.9 56.9H170.7c-31.4 0-56.9-25.5-56.9-56.9V113.8c0-31.4 25.5-56.9 56.9-56.9h682.7c31.4 0 56.9 25.5 56.9 56.9v796.4z"
                                fill="#1296db" p-id="39811"></path>
                            <path
                                d="M284.4 568.9h568.9v56.9H284.4zM170.7 682.7h682.7v56.9H170.7zM170.7 796.4h682.7v56.9H170.7zM227.6 455.1h56.8V227.6h56.9v-56.9H170.7v56.9h56.9zM682.7 227.6h56.9v227.5h56.8V227.6h56.9v-56.9H682.7zM449.4 443.7l62.6-83.4 62.6 83.4 45.5-34.1-72.5-96.7 72.5-96.7-45.5-34.1-62.6 83.4-62.6-83.4-45.5 34.1 72.5 96.7-72.5 96.7z"
                                fill="#1296db" p-id="39812"></path>
                        </svg>
                    </div>
                    <p><b style="font-size: medium;">提取文本</b></p>
                </div>
            </a-col>
            <a-col>
                <div class="mycard" @click="switchMenu('extract', 'image')">
                    <div style="margin-top: 10px;">
                        <svg t="1689739626048" class="icon" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="41023" width="50" height="50">
                            <path
                                d="M928 896H96a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h832a32 32 0 0 1 32 32v116.864a32 32 0 1 1-64 0V192H128v640h768V468.544l-206.336 244.736a31.968 31.968 0 0 1-44.896 4l-196.064-162.752-194.656 180.224a31.936 31.936 0 1 1-43.456-46.944l215.232-199.296a32.032 32.032 0 0 1 42.176-1.152l193.216 160.384 242.336-287.456a32.128 32.128 0 0 1 35.424-9.44c12.608 4.608 21.024 16.64 21.024 30.08V864a32 32 0 0 1-32 32z"
                                p-id="41024" fill="#1296db"></path>
                            <path
                                d="M304 480C242.24 480 192 429.76 192 368S242.24 256 304 256 416 306.24 416 368 365.76 480 304 480z m0-160c-26.464 0-48 21.536-48 48S277.536 416 304 416s48-21.536 48-48-21.536-48-48-48z"
                                p-id="41025" fill="#1296db"></path>
                        </svg>
                    </div>
                    <p><b style="font-size: medium;">提取图片</b></p>
                </div>
            </a-col>
            <a-col>
                <div class="mycard" @click="switchMenu('dual', '')">
                    <div style="margin-top: 10px;">
                        <svg t="1689739507881" class="icon" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="37406" width="50" height="50">
                            <path
                                d="M538.197333 94.336a42.709333 42.709333 0 0 0-52.437333 0l-384 298.666667a42.752 42.752 0 0 0 0.042667 67.328l384 298.666666a42.410667 42.410667 0 0 0 52.394666 0l384-298.666666a42.666667 42.666667 0 0 0 0-67.328l-384-298.666667zM512 671.274667L197.504 426.666667 512 182.058667 826.496 426.666667 512 671.274667z"
                                fill="#1296db" p-id="37407"></path>
                            <path
                                d="M512 938.666667c9.258667 0 18.517333-2.986667 26.197333-9.002667l366.933334-285.354667-69.461334-54.101333-323.669333 251.733333-322.432-250.794666-69.504 54.058666 365.696 284.458667A42.624 42.624 0 0 0 512 938.666667z"
                                fill="#1296db" p-id="37408"></path>
                        </svg>
                    </div>
                    <p><b style="font-size: medium;">双层PDF</b></p>
                </div>
            </a-col>
            <a-col>
                <div class="mycard">
                    <div style="margin-top: 10px;" @click="switchMenu('ocr', '')">
                        <svg t="1689739460342" class="icon" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="35633" width="50" height="50">
                            <path
                                d="M101.54 373.43c-20.87 0-37.78-16.92-37.78-37.78v-83.42c0-103.91 84.54-188.45 188.45-188.45h83.42c20.87 0 37.78 16.92 37.78 37.78s-16.92 37.78-37.78 37.78h-83.42c-62.25 0-112.89 50.64-112.89 112.89v83.42c0 20.87-16.92 37.78-37.78 37.78zM771.91 960.21h-83.87c-20.87 0-37.78-16.91-37.78-37.78s16.92-37.78 37.78-37.78h83.87c62.25 0 112.89-50.64 112.89-112.89v-83.37c0-20.87 16.91-37.78 37.78-37.78s37.78 16.92 37.78 37.78v83.37c-0.01 103.91-84.54 188.45-188.45 188.45zM335.47 960.21H252.1c-103.91 0-188.45-84.54-188.45-188.45v-83.37c0-20.87 16.92-37.78 37.78-37.78s37.78 16.92 37.78 37.78v83.37c0 62.25 50.64 112.89 112.89 112.89h83.37c20.87 0 37.78 16.91 37.78 37.78s-16.92 37.78-37.78 37.78zM922.57 373.61c-20.87 0-37.78-16.92-37.78-37.78v-83.37c0-62.25-50.64-112.89-112.89-112.89h-83.87c-20.87 0-37.78-16.92-37.78-37.78s16.92-37.78 37.78-37.78h83.87c103.91 0 188.45 84.54 188.45 188.45v83.37c0 20.86-16.91 37.78-37.78 37.78z"
                                fill="#1296db" p-id="35634"></path>
                        </svg>
                    </div>
                    <p><b style="font-size: medium;">OCR识别</b></p>
                </div>
            </a-col>
        </a-row>
        <a-row :gutter="6">
            <a-col>
                <div class="mycard" @click="switchMenu('compress', '')">
                    <div style="margin-top: 10px;">
                        <svg t="1689739670733" class="icon" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="42268" width="50" height="50">
                            <path
                                d="M853.333333 938.666667H170.666667a42.666667 42.666667 0 0 1-42.666667-42.666667V128a42.666667 42.666667 0 0 1 42.666667-42.666667h682.666666a42.666667 42.666667 0 0 1 42.666667 42.666667v768a42.666667 42.666667 0 0 1-42.666667 42.666667z m-42.666666-85.333334V170.666667H213.333333v682.666666h597.333334z m-213.333334-341.333333v213.333333h-170.666666v-128h85.333333v-85.333333h85.333333z m-85.333333-341.333333h85.333333v85.333333h-85.333333V170.666667z m-85.333333 85.333333h85.333333v85.333333h-85.333333V256z m85.333333 85.333333h85.333333v85.333334h-85.333333V341.333333z m-85.333333 85.333334h85.333333v85.333333h-85.333333v-85.333333z"
                                p-id="42269" fill="#1296db"></path>
                        </svg>
                    </div>
                    <p><b style="font-size: medium;">PDF压缩</b></p>
                </div>
            </a-col>
            <a-col>
                <div class="mycard" @click="switchMenu('convert', 'pdf2png')">
                    <div style="margin-top: 10px;">
                        <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50">
                            <path
                                d="M32.324 15.656h-9.55c-2.477 0-3.375.258-4.28.742a5.06 5.06 0 0 0-2.098 2.102c-.484.902-.742 1.8-.742 4.277v9.55H5.18c-1.8 0-2.453-.187-3.113-.54a3.69 3.69 0 0 1-1.527-1.527C.188 29.598 0 28.945 0 27.145V5.18c0-1.8.188-2.453.54-3.113A3.69 3.69 0 0 1 2.066.539C2.727.188 3.38 0 5.18 0h21.965c1.8 0 2.453.188 3.113.54a3.69 3.69 0 0 1 1.527 1.527c.352.66.54 1.313.54 3.113zm0 0"
                                fill-rule="evenodd" fill="#1296db"></path>
                            <path
                                d="M14.477 7.52c0-.477-.395-.863-.883-.863s-.883.387-.883.863v3.844L7.566 6.316a.89.89 0 0 0-1.246 0c-.168.16-.258.38-.258.61s.1.453.258.613l5.145 5.05H7.55c-.488 0-.883.387-.883.867s.395.863.883.863h6.047a.85.85 0 0 0 .34-.066c.215-.086.387-.254.477-.47.05-.102.066-.215.066-.328l.004-5.934zm0 0"
                                fill="#fff"></path>
                            <g fill-rule="evenodd">
                                <path
                                    d="M22.855 17.676H44.82c1.8 0 2.453.188 3.113.543.648.344 1.184.875 1.527 1.527.352.656.54 1.31.54 3.11V44.82c0 1.8-.187 2.453-.54 3.113a3.69 3.69 0 0 1-1.527 1.527c-.66.352-1.312.54-3.113.54H22.855c-1.8 0-2.453-.187-3.113-.54-.648-.344-1.18-.88-1.527-1.527-.352-.66-.54-1.312-.54-3.113V22.855c0-1.8.188-2.453.54-3.113.348-.648.88-1.18 1.527-1.527.66-.352 1.313-.54 3.113-.54zm0 0"
                                    fill="#1296db"></path>
                                <path
                                    d="M41.5 26c1.102 0 2 .898 2 2s-.898 2-2 2-2-.898-2-2 .898-2 2-2zM30.6 39h-6.344c-.1 0-.172-.047-.215-.125s-.043-.168.004-.242l6.574-11.02a.26.26 0 0 1 .426 0l3.832 6.422 2.57-2.625c.047-.05.11-.074.176-.074h.008c.07 0 .137.03.18.086l6.1 7.13c.07.043.11.12.11.203 0 .133-.113.242-.246.242H30.6v-.004zm0 0"
                                    fill="rgb(100%,100%,100%)"></path>
                            </g>
                        </svg>
                    </div>
                    <p><b style="font-size: medium;">PDF转图片</b></p>
                </div>
            </a-col>
            <a-col>
                <div class="mycard" @click="switchMenu('convert', 'png2pdf')">
                    <div style="margin-top: 10px;">
                        <svg t="1689739902864" class="icon" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="48787" width="48" height="48">
                            <path
                                d="M459.6 515.7c0-33.2-26.9-60.1-60.1-60.1s-60.2 26.9-60.2 60.1 26.9 60.1 60.2 60.1c33.1 0.1 60.1-26.8 60.1-60.1zM585.2 776.1c15.7-98.2 94.8-175.1 194-187.5l-10-32.5-50.8 16.9-44.1-83L532 695.4l-76.2-49.2-119.5 129.9h248.9z"
                                fill="#1296db" p-id="48788"></path>
                            <path
                                d="M259.7 829V398c0-7.7 6.2-13.9 13.9-13.9h607.1c7.7 0 13.9 6.2 13.9 13.9v206.4c23.5 9.9 44.9 23.6 63.6 40.4V351.9c0-17.4-14.1-31.4-31.4-31.4h-134l-79.3-206.2c-6.2-16.2-24.4-24.3-40.6-18.1L20.2 347.1C4 353.4-4.1 371.6 2.1 387.8l194 504.5v0.3h401.2c-7.7-20-12.6-41.3-14.3-63.6H259.7z m400.7-660c2.1-0.3 5.5-0.2 7.3 3.8l56.8 147.6H266.6L660.4 169zM196.1 715.1L77.9 407.9c-2.7-7.1 0.8-15.2 8-17.9l110.2-42.4v367.5z"
                                fill="#1296db" p-id="48789"></path>
                            <path
                                d="M1022.5 800L871 678.5c-2.3-1.7-5.5-0.1-5.5 2.8v75.1H670c-5.3 0-9.7 4.3-9.7 9.6v75.7c0 5.3 4.3 9.7 9.7 9.7h195.5v75.1c0 2.8 3.3 4.5 5.5 2.8l151.5-121.5c2.6-2 2.6-5.9 0-7.8z"
                                fill="#1296db" p-id="48790"></path>
                        </svg>
                    </div>
                    <p><b style="font-size: medium;">图片转PDF</b></p>
                </div>
            </a-col>
            <a-col>
                <div class="mycard" @click="switchMenu('convert', 'epub2pdf-python')">
                    <div style="margin-top: 10px;">
                        <svg t="1689741341749" class="icon" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="53324" width="50" height="50">
                            <path
                                d="M518.144 29.696v100.352H236.544c-6.144 0-8.192 2.048-8.192 8.192v666.624h566.272V27.648c12.288 0 23.552 2.048 34.816 6.144 33.792 13.312 55.296 37.888 64.512 73.728 1.024 5.12 2.048 10.24 2.048 16.384v776.192c0 23.552-9.216 44.032-25.6 61.44-13.312 15.36-29.696 25.6-49.152 30.72-8.192 2.048-16.384 4.096-24.576 4.096-189.44 0-378.88 1.024-569.344 0-48.128 0-87.04-33.792-98.304-80.896-1.024-6.144-1.024-12.288-1.024-18.432V132.096c0-36.864 16.384-65.536 46.08-86.016 15.36-10.24 32.768-15.36 52.224-15.36h282.624c3.072-1.024 6.144-1.024 9.216-1.024z m-49.152 868.352c0 25.6 20.48 44.032 43.008 44.032 24.576 0 41.984-19.456 43.008-41.984 1.024-24.576-22.528-44.032-43.008-45.056-22.528-1.024-44.032 21.504-43.008 43.008z"
                                fill="#1296db" p-id="53325"></path>
                            <path
                                d="M741.376 29.696V368.64l-1.024 1.024c-35.84-48.128-71.68-96.256-107.52-145.408-19.456 21.504-38.912 43.008-59.392 64.512V29.696h167.936z"
                                fill="#1296db" p-id="53326"></path>
                            <path
                                d="M284.672 584.704v-77.824h456.704v77.824H284.672z m456.704 76.8v67.584H284.672v-67.584h456.704zM284.672 351.232h344.064v77.824H284.672v-77.824z m0-65.536v-78.848h233.472v78.848H284.672z"
                                fill="#1296db" p-id="53327"></path>
                        </svg>
                    </div>
                    <p><b style="font-size: medium;">epub转PDF</b></p>
                </div>
            </a-col>
            <a-col>
                <div class="mycard" @click="switchMenu('convert', 'mobi2pdf-python')">
                    <div style="margin-top: 10px;">
                        <svg t="1689741368570" class="icon" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="54482" width="50" height="50">
                            <path
                                d="M518.144 29.696v100.352H236.544c-6.144 0-8.192 2.048-8.192 8.192v666.624h566.272V27.648c12.288 0 23.552 2.048 34.816 6.144 33.792 13.312 55.296 37.888 64.512 73.728 1.024 5.12 2.048 10.24 2.048 16.384v776.192c0 23.552-9.216 44.032-25.6 61.44-13.312 15.36-29.696 25.6-49.152 30.72-8.192 2.048-16.384 4.096-24.576 4.096-189.44 0-378.88 1.024-569.344 0-48.128 0-87.04-33.792-98.304-80.896-1.024-6.144-1.024-12.288-1.024-18.432V132.096c0-36.864 16.384-65.536 46.08-86.016 15.36-10.24 32.768-15.36 52.224-15.36h282.624c3.072-1.024 6.144-1.024 9.216-1.024z m-49.152 868.352c0 25.6 20.48 44.032 43.008 44.032 24.576 0 41.984-19.456 43.008-41.984 1.024-24.576-22.528-44.032-43.008-45.056-22.528-1.024-44.032 21.504-43.008 43.008z"
                                fill="#1296db" p-id="54483"></path>
                            <path
                                d="M741.376 29.696V368.64l-1.024 1.024c-35.84-48.128-71.68-96.256-107.52-145.408-19.456 21.504-38.912 43.008-59.392 64.512V29.696h167.936z"
                                fill="#1296db" p-id="54484"></path>
                            <path
                                d="M284.672 584.704v-77.824h456.704v77.824H284.672z m456.704 76.8v67.584H284.672v-67.584h456.704zM284.672 351.232h344.064v77.824H284.672v-77.824z m0-65.536v-78.848h233.472v78.848H284.672z"
                                fill="#1296db" p-id="54485"></path>
                        </svg>
                    </div>
                    <p><b style="font-size: medium;">mobi转PDF</b></p>
                </div>
            </a-col>
            <a-col>
                <div class="mycard" @click="switchMenu('convert', 'pdf2docx')">
                    <div style="margin-top: 10px;">
                        <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50">
                            <path
                                d="M32.324 15.656h-9.547c-2.477 0-3.375.258-4.28.742a5.04 5.04 0 0 0-2.098 2.102c-.484.902-.742 1.8-.742 4.277v9.547H5.18c-1.8 0-2.45-.187-3.113-.54-.648-.348-1.184-.88-1.527-1.527-.352-.66-.54-1.31-.54-3.113V5.18c0-1.8.188-2.45.54-3.113S1.4.89 2.066.54 3.38 0 5.18 0h21.965c1.8 0 2.453.188 3.113.54.648.344 1.18.88 1.527 1.527.352.66.54 1.313.54 3.113zm0 0"
                                fill-rule="evenodd" fill="#1296db"></path>
                            <path
                                d="M14.477 7.52a.88.88 0 0 0-.883-.867c-.48 0-.883.39-.883.867v3.844L7.566 6.316a.89.89 0 0 0-1.246 0c-.168.16-.258.38-.258.61s.1.453.258.613l5.145 5.05H7.547c-.488 0-.883.387-.883.863s.398.867.883.867h6.055a.92.92 0 0 0 .336-.066c.215-.086.387-.254.477-.47.05-.102.066-.215.066-.328l.004-5.938zm0 0"
                                fill="#fff"></path>
                            <path
                                d="M22.855 17.676H44.82c1.8 0 2.45.188 3.113.543a3.68 3.68 0 0 1 1.527 1.523c.352.66.54 1.313.54 3.113V44.82c0 1.8-.187 2.45-.54 3.113s-.867 1.176-1.527 1.527-1.312.54-3.113.54H22.855c-1.8 0-2.453-.187-3.113-.54-.648-.344-1.18-.88-1.527-1.527-.352-.66-.54-1.312-.54-3.113V22.855c0-1.8.188-2.453.54-3.113.348-.648.88-1.18 1.527-1.527.66-.352 1.313-.54 3.113-.54zm0 0"
                                fill-rule="evenodd" fill="#1296db"></path>
                            <path
                                d="M38.996 26.75h2.965l-2.94 14.64h-3.094l-1.777-9.035-1.824 9.035H29.12L26.2 26.75h3.164l1.508 9.363 1.938-9.363h3.004l1.727 9.297zm0 0"
                                fill="#fff"></path>
                        </svg>
                    </div>
                    <p><b style="font-size: medium;">PDF转docx</b></p>
                </div>
            </a-col>
            <a-col>
                <div class="mycard" @click="switchMenu('convert', 'pdf2image-pdf')">
                    <div style="margin-top: 10px;">
                        <svg t="1689741288970" class="icon" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="51643" width="50" height="50">
                            <path
                                d="M905.185809 178.844158C898.576738 172.685485 891.19337 165.824412 883.21687 158.436127 860.422682 137.322863 837.434925 116.207791 815.697647 96.487895 813.243072 94.261877 813.243072 94.261877 810.786411 92.037081 781.783552 65.781062 757.590948 44.376502 739.713617 29.293612 729.254178 20.469111 721.020606 13.860686 714.970549 9.501727 710.955023 6.608611 707.690543 4.524745 704.47155 2.998714 700.417679 1.07689 696.638044-0.094029 691.307277 0.005928 677.045677 0.273349 665.6 11.769337 665.6 26.182727L665.6 77.352844 665.6 128.522961 665.6 230.863194 665.6 256.448252 691.2 256.448252 896 256.448252 870.4 230.863194 870.4 998.414942 896 972.829884 230.381436 972.829884C187.90385 972.829884 153.6 938.623723 153.6 896.20663L153.6 26.182727 128 51.767786 588.8 51.767786C602.93849 51.767786 614.4 40.312965 614.4 26.182727 614.4 12.05249 602.93849 0.597669 588.8 0.597669L128 0.597669 102.4 0.597669 102.4 26.182727 102.4 896.20663C102.4 966.91021 159.652833 1024 230.381436 1024L896 1024 921.6 1024 921.6 998.414942 921.6 230.863194 921.6 205.278135 896 205.278135 691.2 205.278135 716.8 230.863194 716.8 128.522961 716.8 77.352844 716.8 26.182727C716.8 39.813762 705.748075 50.91427 692.267725 51.167041 687.705707 51.252584 685.069822 50.435995 682.52845 49.231204 682.259458 49.103682 683.344977 49.796618 685.029451 51.010252 689.779394 54.432502 697.145822 60.34494 706.686383 68.394196 724.009052 83.009121 747.816448 104.072869 776.413589 129.961594 778.850014 132.168064 778.850014 132.168064 781.285216 134.376514 802.876774 153.964212 825.739479 174.96442 848.413564 195.966437 856.350957 203.3185 863.697005 210.144893 870.269888 216.269843 874.209847 219.941299 877.019309 222.565641 878.499674 223.951409 888.81866 233.610931 905.019017 233.081212 914.684179 222.768247 924.349344 212.455283 923.819315 196.264383 913.500326 186.604861 911.981323 185.182945 909.155025 182.542876 905.185809 178.844158ZM102.4 461.128719 0 461.128719 0 896.074709 512 896.074709 1024 896.074709 1024 461.128719 153.6 461.128719 153.6 460.531049 102.4 460.531049 102.4 461.128719ZM208.2 711 208.2 819.2 157.6 819.2 157.6 528 269 528C301.533495 528 327.366571 536.466581 346.5 553.4 365.633429 570.333419 375.2 592.733195 375.2 620.6 375.2 649.133476 365.833427 671.333254 347.1 687.2 328.366573 703.066746 302.133502 711 268.4 711L208.2 711ZM208.2 670.4 269 670.4C287.00009 670.4 300.733286 666.166709 310.2 657.7 319.666714 649.233291 324.4 637.000079 324.4 621 324.4 605.266588 319.600047 592.700047 310 583.3 300.399951 573.899953 287.200083 569.066669 270.4 568.8L208.2 568.8 208.2 670.4ZM419.4 819.2 419.4 528 505.4 528C531.133461 528 553.966566 533.733276 573.9 545.2 593.833434 556.666724 609.266611 572.933229 620.2 594 631.133389 615.066771 636.6 639.199863 636.6 666.4L636.6 681C636.6 708.600139 631.100055 732.866562 620.1 753.8 609.099945 774.733438 593.433436 790.866609 573.1 802.2 552.766564 813.533391 529.466799 819.2 503.2 819.2L419.4 819.2ZM470 568.8 470 778.8 503 778.8C529.533466 778.8 549.89993 770.500083 564.1 753.9 578.30007 737.299917 585.533331 713.466822 585.8 682.4L585.8 666.2C585.8 634.599842 578.933402 610.46675 565.2 593.8 551.466598 577.13325 531.533463 568.8 505.4 568.8L470 568.8ZM854.8 695.8 737.6 695.8 737.6 819.2 687 819.2 687 528 872 528 872 568.8 737.6 568.8 737.6 655.4 854.8 655.4 854.8 695.8Z"
                                fill="#1296db" p-id="51644"></path>
                        </svg>
                    </div>
                    <p><b style="font-size: medium;">PDF转图片型</b></p>
                </div>
            </a-col>
        </a-row>
    </div>
</template>
<script lang="ts">
import { defineComponent, onMounted } from 'vue';
import {
    EllipsisOutlined,
    MergeCellsOutlined,
} from '@ant-design/icons-vue';
import {
    CheckTrialCount,
} from '../../../wailsjs/go/main/App';
import { useMenuState } from '../../store/menu';
import { useInsertState } from '../../store/insert';
import { useCutState } from '../../store/cut';
import { useWatermarkState } from '../../store/watermark';
import { useBookmarkState } from '../../store/bookmark';
import { useExtractState } from '../../store/extract';
import { useConvertState } from '../../store/convert';
import { useEncryptState } from '../../store/encrypt';
import { useSignState } from '../../store/sign';
import { useAnnotState } from '../../store/annot';
import { useIndexState } from '../../store/index';
import { message, Modal } from 'ant-design-vue';

export default defineComponent({
    components: {
        EllipsisOutlined,
        MergeCellsOutlined
    },
    setup() {
        const indexStore = useIndexState();
        const menuStore = useMenuState();
        const insertStore = useInsertState();
        const cutStore = useCutState();
        const watermarkStore = useWatermarkState();
        const bookmarkStore = useBookmarkState();
        const extractStore = useExtractState();
        const convertStore = useConvertState();
        const encryptStore = useEncryptState();
        const signStore = useSignState();
        const annotStore = useAnnotState();

        // 软件试用
        onMounted(async () => {
            if (!indexStore.trial_flag) return;
            if (indexStore.trial_set) return;
            await CheckTrialCount().then((res: any) => {
                console.log(res);
                if (res <= indexStore.max_try_times) {
                    indexStore.trial_set = true;
                    Modal.info({
                        title: '温馨提示',
                        content: `软件试用次数共${indexStore.max_try_times}次，当前是第${res}次，请不要轻易关闭软件！`,
                        maskClosable: false,
                    });
                } else {
                    Modal.error({
                        title: '错误',
                        content: '软件试用次数已用完，请购买后使用！',
                        maskClosable: false,
                        okButtonProps: {
                            disabled: true,
                        }
                    });
                }
            }).catch((err: any) => {
                console.log(err);
                Modal.error({
                    title: '错误',
                    content: '软件试用失败，请联系管理员',
                    maskClosable: false,
                });
            });
        });

        const switchMenu = (key: string, op: string) => {
            menuStore.selectedKeys = [key];
            switch (key) {
                case "insert": {
                    insertStore.op = op;
                    menuStore.openKeys = ['page_edit'];
                    break;
                }
                case "merge": {
                    menuStore.openKeys = ['page_edit'];
                    break;
                }
                case "split": {
                    menuStore.openKeys = ['page_edit'];
                    break;
                }
                case "rotate": {
                    menuStore.openKeys = ['page_edit'];
                    break;
                }
                case "delete": {
                    menuStore.openKeys = ['page_edit'];
                    break;
                }
                case "reorder": {
                    menuStore.openKeys = ['page_edit'];
                    break;
                }
                case "crop": {
                    menuStore.openKeys = ['page_edit'];
                    break;
                }
                case "scale": {
                    menuStore.openKeys = ['page_edit'];
                    break;
                }
                case "cut": {
                    cutStore.op = op;
                    menuStore.openKeys = ['page_edit'];
                    break;
                }
                case "header": {
                    menuStore.openKeys = ['page_edit'];
                    break;
                }
                case "page_number": {
                    menuStore.openKeys = ['page_edit'];
                    break;
                }
                case "background": {
                    menuStore.openKeys = ['page_edit'];
                    break;
                }
                case "annot": {
                    annotStore.op = op;
                    menuStore.openKeys = ['page_edit'];
                    break;
                }
                case "watermark": {
                    watermarkStore.op = op;
                    menuStore.openKeys = ['protect'];
                    break;
                }
                case "encrypt": {
                    encryptStore.op = op;
                    menuStore.openKeys = ['protect'];
                    break;
                }
                case "sign": {
                    signStore.op = op;
                    menuStore.openKeys = ['protect'];
                    break;
                }
                case "bookmark": {
                    bookmarkStore.op = op;
                    menuStore.openKeys = ['other'];
                    break;
                }
                case "extract": {
                    extractStore.op = op;
                    menuStore.openKeys = ['other'];
                    break;
                }
                case "compress": {
                    menuStore.openKeys = ['other'];
                    break;
                }
                case "convert": {
                    convertStore.type = op;
                    menuStore.openKeys = ['other'];
                    break;
                }
                case "ocr": {
                    menuStore.openKeys = ['other'];
                    break;
                }
                case "dual": {
                    menuStore.openKeys = ['other'];
                    break;
                }
                case "anki": {
                    menuStore.openKeys = ['other'];
                    break;
                }
            }
        };
        return {
            switchMenu
        };
    }
})
</script>

<style scoped>
.mycard {
    border: 1px solid #ddd;
    background: #fafafa;
    width: 100px;
    text-align: center;
    margin-top: 10px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
}

.mycard:hover {
    border: 1px solid #e8e8e8;
    background-color: #f4f4f4;
}</style>